// pages/qweather/item.js
const amap = require('../../utils/amap-config')
let markersData = []
Page({

    /**
     * 页面的初始数据
     */
    data: {

    },
    /**
     * 生命周期函数--监听页面加载
     */
    // 展示第一个位置和当前位置文本信息
    showMarkersInfo: function (markersData, i) {
        this.setData({
            currentData: {
                name:markersData[i].name,
                address: markersData[i].address,
                location: markersData[i].latitude+ ','+markersData[i].longitude
            }
        })
    },
    // 修改当前地址的marker图标
    changeMarkerIcon: function (markersData, i) {
        let currentInfo = []
        for(let index = 0; index < markersData.length; index++){
            if (index = i){
                markersData[index].iconPath = '../../static/images/marker_checked.png'
            } else {
                markersData[index].iconPath = '../../static/images/marker.png'
            }
            currentInfo.push({
                id: markersData[index].id,
                latitude:markersData[index].latitude,
                longitude:markersData[index].longitude,
                iconPath:markersData[index].iconPath,
                width:markersData[index].width,
                height:markersData[index].height,
            })
        }
        this.setData({
           markers: currentInfo
        })
    },
    // 点击地图上的图标
    markertap:function(e) {
        // console.log(e)
        const id = e.detail.markerId
        // 展示当前的文本信息
        this.showMarkersInfo(markersData, id)
        // 修改当前地址的marker图标
        this.changeMarkerIcon(markersData, id)
    }, 
    
    onLoad(options) {
        // console.log(options)
        var that = this
        // 设置全局变量
        // 将关键字设置为标题
        wx.setNavigationBarTitle({
            title: '周边' + options.keyword,
        })
        // 从公共方法中获取经纬度信息
        that.setData({
            latitude: wx.getStorageSync('latitude'),
            longitude: wx.getStorageSync('longitude'),
        })
        amap.map.getPoiAround({
            keywords:options.keyword,
            success: function(res){
                console.log(res)
                markersData = res.markers
                that.setData({
                    markers: res.markers,            
                })
                 // 高亮第一个点
                 that.showMarkersInfo(markersData, 0)
                 that.changeMarkerIcon(markersData, 0)
            },
            fail: function(info){
                console.log(info)
            },      
        })
    }, 
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})